<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body bgcolor="#deb887">
<center>
    <h1>用户注册</h1>
<!--    form标签是表单，用于将用户自带页面输入的信息提交给服务端使用-->
<!--    注意：只有被包含在form表单中的<input>这类让用户输入信息的内容才会被提交！-->
<!--    -->
<!--    form标签有两个非常重要的属性：-->
<!--    action：用于指定表单的提交路径，这个路径需要服务端配合处理-->
<!--    method：有两个值可选：GET,POST-->
<!--    GET：地址栏形式提交，表单中的输入域内容会拼接到URL的抽象路径部分-->
<!--    POST：打包提交，表单数据会被包含在请求的消息正文中-->
<!--    通常表单中含有用户隐私数据或者存在附件上传时要使用POST形-->
<!--    注意：method属性不指定时，默认为GET请求-->
<!--    get，post大小写无所谓-->
<!--    当我们使用GET形式提交下列表单时，URL地址会出现如下内容-->
<!--    http://localhost:8088/myweb/regUser?username=tom&password=159369&nickname=danel&age=20-->
<!--    URL地址中抽象路径部分是/myweb/regUser?username=tom&password=159369&nickname=danel&age=20-->
<!--    -->
<!--    这里URL规定，在抽象路径部分可以分成两块：请求路径和参数，他们之间使用一个？分割。-->
<!--    ？右侧为参数。每个参数用&进行分割，每个参数的格式为name=value。其中name是input标签中的-->
<!--    name属性指定的值。而value则是这个输入框中用户输入信息-->
    <form action="./regUser" method="post">
    <table border="3" bgcolor="#ffe4c4">
        <tr>
            <td align="center">用户名</td>
<!--            所有被包含在form表单中的input标签必须使用name属性指定名字-->
<!--            否则用户在该输入框中输入的信息会被form表单忽略-->
            <td>
                <input name="username" type="text" size="20">
            </td>
        </tr>
        <tr>
            <td align="center">密码</td>
            <td>
                <input name="password" type="password">
            </td>
        </tr>
        <tr>
            <td align="center">昵称</td>
            <td>
                <input name="nickname" type="text">
            </td>
        </tr>
        <tr>
            <td align="center">年龄</td>
            <td>
                <input name="ageStr" type="text">
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
<!--                有两个和表单相关的专属按钮-->
<!--                input标签的type如果是：-->
<!--                submit：这是一个提交按钮，点击后会将包含他的表单进行提交-->
<!--                reset：这是一个重置按钮，点击后会将包含它的表单中所有输入-->
<!--                框数据清除-->
                <input type="submit" value="注册">
                <input type="reset" value="重新注册">
            </td>
        </tr>
    </table>
    </form>
</center>
</body>
</html>